<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}
			a {
				color:#666 ;
				text-decoration: none;
				
			}
			li {
				list-style: none;
				/* 用来清除所有小li的前面小圆点 */
			}

			.bankuai {
				width: 310px;
				height: 205px;
				margin: 20px auto;
				border: 1px solid #ccc;
			}
			.title {
				height: 40px;
				border-bottom: 2px dotted #ccc;
			}
			.xinxi {
				margin-top: 7px;
			}
			.title h4 {
				font-size: 14px;
				font-weight: 400;
				padding: 10px 20px;
				
			}
			.xinxi li {
				height: 30px;
				font-size: 12px;
				line-height: 30px;
				padding: 0 32px;
			}
			.xinxi li a:hover {
				color: hotpink;
				text-decoration: underline;
			}
			
		</style>
	</head>
	<body>
		<div class="bankuai">
			<div class="title">
				<h4>品优购快报</h4>
			</div>
			<ul class="xinxi">
				<li><a href="">【特惠】爆款耳机5折秒！</a></li>
				<li><a href="">【特惠】母亲节，健康好礼低至5折！</a></li>
				<li><a href="">【特惠】爆款耳机5折秒！</a></li>
				<li><a href="">【特惠】9.9元洗100张照片！</a></li>
				<li><a href="">【特惠】长虹智能空调立省1000</a></li>
			</ul>


		</div>
	</body>
</html>
